<html>
  <header></header>
  <style>
    body {
      color: #555;
    }
    .d-select,
    .d-btn {
      padding: 0.3em, 0.8em;
      margin-right: 5px;
      border-radius: 5px;
      display: inline-block;
      font-size: 12px;
      cursor: pointer;
      border-color: #d7d7d7;
    }
    .d-btn:hover {
      background: #d7d7d7;
      color: #111;
      border-color: #d7d7d7;
    }
    #eidtor-wrapper {
      border-bottom: 1px solid #ccc;
      padding: 10px 0px;
      margin-bottom: 5px;
    }
    .d-select {
      height: 24px;
    }
    .c-dialog {
      position: fixed;
      width: 100px;
      z-index: 5;
      top: 250px;
      left: 50%;
      transform: translateX(-50%);
      background: #ccc;
      padding: 30px 260px;
      border: 1px solid #000;
    }
    #ui-wrapper {
      font-size: 12px;
    }
    #ui-wrapper input {
      margin-left: 20px;
    }
    #ui-wrapper h2 {
      font-size: 13px;
      font-weight: 400;
    }
    strong {
      color: #cb0000;
      font-size: 14px;
    }
    .form-list label {
      width: 120px;
      display: inline-block;
    }
    .p-list li {
      cursor: pointer;
    }
    .p-list li:hover {
      color: #069;
    }
    .form-text {
      padding: 0.3em 0.5em;
      border-radius: 5px;
    }
    h1 {
      color: #333;
      font-weight: 400;
      font-size: 36px;
    }
  </style>
  <body>
    <div id="app"></div>
    <script src="https://imgcache.qq.com/qcloud/cme/sdk_v1.js"></script>
  </body>
</html>
